/*
  学习目标：JSX插值表达式
  表达式: 
    变量
    简单类型: string number boolean null undefined 
    引用类型: object  array function
    其它: 三元/ 逻辑且 / JSX

*/
import React from 'react';
import ReactDOM from 'react-dom';

//  ✅变量
const title = 'hello React';
// ✅简单类型: string number boolean null undefined
const ulNode2 = (
  <div>
    {/* string number 正常显示 */}
    <h1>{title}</h1>
    <h2>{'hello 78'}</h2>
    <h2>{78}</h2>
    {/* boolean null undefined  💥不显示在界面上 */}
    <h3>
      {true} - {String(true)}
    </h3>
    <h3>{false}</h3>
    <h3>{null}</h3>
    <h3>{undefined}</h3>
  </div>
);

ReactDOM.render(ulNode2, document.getElementById('root'));
